import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
const path = require('path')

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  css: {
    // css预处理器
    preprocessorOptions: {
      scss: {
        // 引入 var.scss 这样就可以在全局中使用 var.scss中预定义的变量了
        // 给导入的路径最后加上 ; 
        additionalData: '@import "./src/assets/scss/var.scss";'
      }
    }
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname,'src')
    }
  },
  server: {
    host: 'localhost',
    // port: 8989,//更改启动端口
    proxy: {
        '/api': {
            target: 'http://localhost:8989',//代理的地址
            changeOrigin: true,
            // rewrite: path => path.replace(/^\/api/, '')
        }
    }
  }
})
